﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta><style>/*<![CDATA[*/

table{border: 1px solid gray;}
td{border: 1px dotted gray;}
p{margin: 3px 0 3px 0; padding: 0;}
#ID_Footer{font-size: small; font-style: italic; text-align: right; margin-top: 4em; padding-top: 4px; border-top: 2px solid gray;}

/*]]>*/</style><title>第9章 Flash、视频和音频</title></head><body>
<div><br /></div>
<div style="text-align: center"><span style="font-family: 宋体; font-size: 30pt; padding-left: 77pt; line-height: 240%">第</span><span style="font-family: Calibri; font-size: 30pt; padding-left: 77pt; line-height: 240%">9</span><span style="font-family: 宋体; font-size: 30pt; padding-left: 77pt; line-height: 240%">章 &nbsp; &nbsp; &nbsp; &nbsp;</span><span style="font-family: Calibri; font-size: 30pt; padding-left: 77pt; line-height: 240%">Flash</span><span style="font-family: 宋体; font-size: 30pt; padding-left: 77pt; line-height: 240%">、视频和音频</span></div>
<div><span style="font-family: 微软雅黑; font-size: 16pt; padding-left: 18pt; line-height: 240%">1. &nbsp; &nbsp; &nbsp; &nbsp;概念</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; line-height: 240%">.fla &amp; .swf (p192)</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">传统嵌入</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">&lt;object&gt;&amp;&lt;embed&gt; (p192)</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">HTML5 &lt;video&gt;, &lt;audio&gt; (p193)</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">SWFObject</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">脚本</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">(p196)</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">Flash</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">视频</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">, </span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">插件，</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">&lt;video&gt;</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">标签</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%"> (p198)</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">WebM</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">和</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">MP4 (H264)</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">（</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">p198, p202</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">）</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%"> &nbsp; &nbsp; &nbsp; &nbsp;</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">添加</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">Flash</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">视频的</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">3</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">个步骤</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%"> (p200)</span></div>
<div><br /></div>
<div><br /></div>
<div><span style="font-family: 微软雅黑; font-size: 16pt; font-weight: bold; padding-left: 18pt; line-height: 240%">2. &nbsp; &nbsp; &nbsp; &nbsp;标签</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 17pt; line-height: 160%">&lt;</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #7030a0; padding-left: 17pt; line-height: 160%">script</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 17pt; line-height: 160%">&gt; ... &lt;</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #7030a0; padding-left: 17pt; line-height: 160%">/script</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 17pt; line-height: 160%">&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; padding-left: 17pt; line-height: 160%"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 17pt; line-height: 160%">type</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 17pt; line-height: 160%">=&quot;</span><span style="font-family: Times New Roman; font-size: 12pt; color: #c00000; padding-left: 17pt; line-height: 160%">text/javascript</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 17pt; line-height: 160%">&quot; (javacript </span><span style="font-family: 宋体; font-size: 12pt; color: #000000; padding-left: 17pt; line-height: 160%">脚本</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 17pt; line-height: 160%">)</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; padding-left: 17pt; line-height: 240%"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 17pt; line-height: 240%">src</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 17pt; line-height: 240%">=&quot;path/file.js&quot; (</span><span style="font-family: 宋体; font-size: 12pt; color: #000000; padding-left: 17pt; line-height: 240%">脚本路径</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 17pt; line-height: 240%">) (p196)</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; padding-left: 17pt; line-height: 160%">SWFObject</span><span style="font-family: 宋体; font-size: 12pt; font-weight: bold; padding-left: 17pt; line-height: 160%">脚本</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; padding-left: 17pt; line-height: 160%"> (p196)</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; line-height: 160%"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><span style="font-family: 宋体; font-size: 12pt; line-height: 160%">正文中：</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 160%">&lt;</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #7030a0; line-height: 160%">div</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; line-height: 160%"> </span><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; line-height: 160%">id</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; line-height: 160%">=&quot;bird&quot;&gt; ... &lt;/</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #7030a0; line-height: 160%">div</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; line-height: 160%">&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; line-height: 160%"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><span style="font-family: 宋体; font-size: 12pt; line-height: 160%">头部：</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 59pt; line-height: 190%">&lt;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 59pt; line-height: 190%">script </span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 59pt; line-height: 190%">type=&quot;text/javascript&quot;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; line-height: 190%"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;src=&quot;</span><span style="font-family: Times New Roman; font-size: 10pt; line-height: 190%">http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; line-height: 190%">&quot;&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 60pt; line-height: 240%">&lt;/</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 60pt; line-height: 240%">script</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 60pt; line-height: 240%">&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 60pt; line-height: 190%">&lt;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 60pt; line-height: 190%">script</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 60pt; line-height: 190%"> type=&quot;text/javascript&quot;&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 60pt; line-height: 190%"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><span style="font-family: Times New Roman; font-size: 10pt; font-weight: bold; color: #c00000; padding-left: 60pt; line-height: 190%">swfobject.embedSWF </span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 60pt; line-height: 190%">(&quot;flash/bird.swf&quot;, &quot;bird&quot;, &quot;400&quot;, &quot;300&quot;, &quot;8.0.0&quot;);</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 60pt; line-height: 190%"> &nbsp; &nbsp; &nbsp; &nbsp;&lt;!-- </span><span style="font-family: Times New Roman; font-size: 10pt; color: #00b050; padding-left: 60pt; line-height: 190%">swfobject.embedSWF(</span><span style="font-family: 宋体; font-size: 10pt; color: #00b050; padding-left: 60pt; line-height: 190%">位置，被替换元素</span><span style="font-family: Times New Roman; font-size: 10pt; color: #00b050; padding-left: 60pt; line-height: 190%">id</span><span style="font-family: 宋体; font-size: 10pt; color: #00b050; padding-left: 60pt; line-height: 190%">，</span><span style="font-family: Times New Roman; font-size: 10pt; color: #00b050; padding-left: 60pt; line-height: 190%">width(px), height, lowest flash version)</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 60pt; line-height: 190%"> --&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 60pt; line-height: 240%">&lt;/</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 60pt; line-height: 240%">script</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 60pt; line-height: 240%">&gt;</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; font-weight: bold; padding-left: 17pt; line-height: 160%">添加</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; padding-left: 17pt; line-height: 160%">Flash</span><span style="font-family: 宋体; font-size: 12pt; font-weight: bold; padding-left: 17pt; line-height: 160%">视频</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; padding-left: 17pt; line-height: 160%"> (p200)</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 59pt; line-height: 190%">&lt;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 59pt; line-height: 190%">script</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 59pt; line-height: 190%"> type=&quot;text/javascript&quot;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; line-height: 190%"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;src=&quot;</span><span style="font-family: Times New Roman; font-size: 10pt; line-height: 190%">http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; line-height: 190%">&quot;&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 60pt; line-height: 240%">&lt;/</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 60pt; line-height: 240%">script</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 60pt; line-height: 240%">&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 60pt; line-height: 190%">&lt;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 60pt; line-height: 190%">script</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 60pt; line-height: 190%"> type=&quot;text/javascript&quot;&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 60pt; line-height: 190%"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var flashvars = {};</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 60pt; line-height: 190%"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var params = {movie:&quot;../video/puppy.flv&quot;};</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; font-weight: bold; color: #c00000; padding-left: 60pt; line-height: 190%"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;swfobject</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 60pt; line-height: 190%">.</span><span style="font-family: Times New Roman; font-size: 10pt; font-weight: bold; color: #c00000; padding-left: 60pt; line-height: 190%">embedSWF</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 60pt; line-height: 190%">(&quot;flash/osplayer.swf&quot;, &quot;snow&quot;, &quot;400&quot;, &quot;320&quot;, &quot;8.0.0&quot;, flashvars, params);</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 60pt; line-height: 190%"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;!-- </span><span style="font-family: Times New Roman; font-size: 10pt; color: #00b050; padding-left: 60pt; line-height: 190%">osplayer.swf</span><span style="font-family: 宋体; font-size: 10pt; color: #00b050; padding-left: 60pt; line-height: 190%">为播放器，</span><span style="font-family: Times New Roman; font-size: 10pt; color: #00b050; padding-left: 60pt; line-height: 190%">flashvars, params</span><span style="font-family: 宋体; font-size: 10pt; color: #00b050; padding-left: 60pt; line-height: 190%">为播放器的两个参数</span><span style="font-family: Times New Roman; font-size: 10pt; color: #00b050; padding-left: 60pt; line-height: 190%"> </span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 60pt; line-height: 190%">--&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 60pt; line-height: 240%">&lt;/</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 60pt; line-height: 240%">script</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 60pt; line-height: 240%">&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; padding-left: 17pt; line-height: 160%">&lt;</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #7030a0; padding-left: 17pt; line-height: 160%">video</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #000000; padding-left: 17pt; line-height: 160%">&gt; HTML5</span><span style="font-family: 宋体; font-size: 12pt; font-weight: bold; color: #000000; padding-left: 17pt; line-height: 160%">向网页中添加视频</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #000000; padding-left: 17pt; line-height: 160%"> (p203)</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 21pt; line-height: 160%">src</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 21pt; line-height: 160%">poster</span><span style="font-family: 宋体; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">，指定加载前显示的图像</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 21pt; line-height: 160%">width</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">, </span><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 21pt; line-height: 160%">height</span><span style="font-family: 宋体; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">，</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">px</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 21pt; line-height: 160%">autoplay</span><span style="font-family: 宋体; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">，无值，使用该特性则自动播放</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 21pt; line-height: 160%">loop</span><span style="font-family: 宋体; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">，无值，使用该特性则循环播放</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 21pt; line-height: 160%">preload</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">, </span><span style="font-family: 宋体; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">特性值</span><span style="font-family: Times New Roman; font-size: 12pt; color: #c00000; padding-left: 21pt; line-height: 160%">none</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">, </span><span style="font-family: Times New Roman; font-size: 12pt; color: #c00000; padding-left: 21pt; line-height: 160%">auto</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">, </span><span style="font-family: Times New Roman; font-size: 12pt; color: #c00000; padding-left: 21pt; line-height: 160%">metadata</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 21pt; line-height: 240%">controls</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 240%">, </span><span style="font-family: 宋体; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 240%">显示播放控件</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #000000; padding-left: 17pt; line-height: 160%">&lt;</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #7030a0; padding-left: 17pt; line-height: 160%">source /</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #000000; padding-left: 17pt; line-height: 160%">&gt; </span><span style="font-family: 宋体; font-size: 12pt; font-weight: bold; color: #000000; padding-left: 17pt; line-height: 160%">多个视频源</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; padding-left: 21pt; line-height: 160%">嵌套在</span><span style="font-family: Times New Roman; font-size: 12pt; padding-left: 21pt; line-height: 160%">&lt;video&gt;</span><span style="font-family: 宋体; font-size: 12pt; padding-left: 21pt; line-height: 160%">中，代替</span><span style="font-family: Times New Roman; font-size: 12pt; padding-left: 21pt; line-height: 160%">src</span><span style="font-family: 宋体; font-size: 12pt; padding-left: 21pt; line-height: 160%">特性，指定不同格式的视频</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 21pt; line-height: 160%">src</span><span style="font-family: 宋体; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">特性，指定视频路径</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 21pt; line-height: 160%">type</span><span style="font-family: 宋体; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">特性，视频格式</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; color: #c00000; padding-left: 21pt; line-height: 160%">codecs</span><span style="font-family: 宋体; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">，在特性</span><span style="font-family: Times New Roman; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">type</span><span style="font-family: 宋体; font-size: 12pt; color: #000000; padding-left: 21pt; line-height: 160%">中给出的视频编码格式</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt; line-height: 160%"> &nbsp; &nbsp; &nbsp; &nbsp;&lt;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 31pt; line-height: 160%">source</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt; line-height: 160%"> src=&quot;video/puppy.mp4&quot; type=&apos;video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot; &apos;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 31pt; line-height: 160%">/</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt; line-height: 160%">&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt; line-height: 240%"> &nbsp; &nbsp; &nbsp; &nbsp;&lt;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 31pt; line-height: 240%">source</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt; line-height: 240%"> src=&quot;video/puppy.webm&quot; type=&apos;video/webm; codecs=&quot;vp8, vorbis&quot; &apos;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 31pt; line-height: 240%"> /</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt; line-height: 240%">&gt;</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; font-weight: bold; padding-left: 17pt; line-height: 160%">添加</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; padding-left: 17pt; line-height: 160%">Flash MP3</span><span style="font-family: 宋体; font-size: 12pt; font-weight: bold; padding-left: 17pt; line-height: 160%">播放器</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt">&lt;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 31pt">script </span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt">type=&quot;text/javascript&quot;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt"> &nbsp; &nbsp; &nbsp; &nbsp;src=&quot;</span><span style="font-family: Calibri; font-size: 10pt; text-decoration: underline; color: #0563c1; padding-left: 31pt">http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt">&quot;&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt">&lt;/</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 31pt">script</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt">&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt">&lt;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 31pt">script</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt"> type=&quot;text/javascript&quot;&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt"> &nbsp; &nbsp; &nbsp; &nbsp;var flashvars = {};</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt"> &nbsp; &nbsp; &nbsp; &nbsp;var params = {mp3: &quot;audio/test-audio.mp3&quot;};</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt"> &nbsp; &nbsp; &nbsp; &nbsp;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #c00000; padding-left: 31pt">swfobject.embedSWF</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt"> (&quot;flash/player_mp3_1.0.0.swf&quot;, &quot;music-player&quot;, &quot;200&quot;, &quot;20&quot;, &quot;8.0.0&quot;, flashvars, params);</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt; line-height: 240%">&lt;/</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 31pt; line-height: 240%">script</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt; line-height: 240%">&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; padding-left: 17pt; line-height: 160%">&lt;</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #7030a0; padding-left: 17pt; line-height: 160%">audio</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #000000; padding-left: 17pt; line-height: 160%">&gt;HTM5</span><span style="font-family: 宋体; font-size: 12pt; font-weight: bold; color: #000000; padding-left: 17pt; line-height: 160%">网页中添加音频</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 31pt; line-height: 240%">src</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt; line-height: 240%">, </span><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 31pt; line-height: 240%">controls</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt; line-height: 240%">, </span><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 31pt; line-height: 240%">autoplay</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt; line-height: 240%">, </span><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 31pt; line-height: 240%">preload</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt; line-height: 240%">, </span><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; padding-left: 31pt; line-height: 240%">loop</span><span style="font-family: 宋体; font-size: 12pt; color: #000000; padding-left: 31pt; line-height: 240%">特性</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; padding-left: 17pt; line-height: 160%">&lt;</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #7030a0; padding-left: 17pt; line-height: 160%">source /</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #000000; padding-left: 17pt; line-height: 160%">&gt; </span><span style="font-family: 宋体; font-size: 12pt; font-weight: bold; color: #000000; padding-left: 17pt; line-height: 160%">多个音频源</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt">&lt;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 31pt">audio </span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt">controls autoplay&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt"> &nbsp; &nbsp; &nbsp; &nbsp;&lt;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 31pt">source</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt"> src=&quot;audio/test-audio.ogg&quot; /&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt"> &nbsp; &nbsp; &nbsp; &nbsp;&lt;</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 31pt">source</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt"> src=&quot;audio/test-audio.mp3&quot; /&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt"> &nbsp; &nbsp; &nbsp; &nbsp;&lt;p&gt; This browser does not support our audio format. &lt;/p&gt;</span></div>
<div><span style="font-family: Times New Roman; font-size: 10pt; padding-left: 31pt">&lt;/</span><span style="font-family: Times New Roman; font-size: 10pt; color: #7030a0; padding-left: 31pt">audio</span><span style="font-family: Times New Roman; font-size: 10pt; color: #000000; padding-left: 31pt">&gt;</span></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div><script type="text/javascript" language="javascript" src="jquery.js"></script><script type="text/javascript" language="javascript" src="itemlink.js"></script></body></html>